import { useAuth0 } from "@auth0/auth0-react";
import { useAuthToken } from "../AuthTokenContext";
import { Typography } from "antd";
const { Title, Paragraph } = Typography;

export default function AuthDebugger() {
    const { user } = useAuth0();
    const { accessToken } = useAuthToken();

    return (
        <div>
            <div>
                <Title>Access Token:</Title>
                <Paragraph>
                    <pre>{JSON.stringify(accessToken, null, 2)}</pre>
                </Paragraph>
            </div>
            <div>
                <Title>User Info</Title>
                <Paragraph>
                    <pre>{JSON.stringify(user, null, 2)}</pre>
                </Paragraph>
            </div>
        </div>
    );
}